<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<h:head>

</h:head>

	<h:form>
	<p:layout fullPage="true">  	  
	    <p:layoutUnit position="north" size="100" header="MAIN" resizable="true" closable="true" collapsible="true">  
	        <p:commandButton id = "btnSave" value = "Hotel"  actionListener = "#" ajax="false" style = "border-radius : 10px;"/>
			<p:commandButton id = "btnUpdate" value = "Habitaciones" actionListener = "#{usuarioBean.Update}" ajax="false" style = "border-radius:10px;"/>
			<p:commandButton id = "btnFind" value = "Recervas" actionListener = "#{usuarioBean.Find}" ajax="false" style = "border-radius:10px;"/>
			<p:commandButton id = "btnDelete" value = "Configuracion" actionListener = "#{usuarioBean.Delete}" ajax="false" style = "border-radius:10px;"/>
	    </p:layoutUnit>  
	  
	    <p:layoutUnit position="south" size="100" header="Bottom" resizable="true" closable="true" collapsible="true">  
	        <h:outputText value="South unit content." />  
	    </p:layoutUnit>  
	  
	    <p:layoutUnit position="west" size="200" header="Left" resizable="true" closable="true" collapsible="true">  
	         	 	
	    </p:layoutUnit>  
	  
	    <p:layoutUnit position="east" size="200" header="Right" resizable="true" closable="true" collapsible="true" effect="drop">  
	        <h:outputText value="Right unit content." />  
	    </p:layoutUnit>  
	  
	    <p:layoutUnit position="center">  
	        <h:form>  
	            
	             <p:growl id="messages"/> 
			<center> 			
				<p:panelGrid columns="2" border = "1" style = "border-radius : 20px;" > 
			    <f:facet name="header">  
			        Formulario Huesped  
			    </f:facet>  
			  
			    <h:outputLabel for="numeroDoc" value="Número Doc.: " />  								
				<p:inputText id="numeroDoc" value= "#{huespedBean.numeroDoc}" required="true" style="width: 220px;">  
					 <f:validateLength maximum="3" />  					
				</p:inputText>	      
            	
			    
			    <h:outputLabel for="tipoDoc" value="Tipo Doc.: " />  
			    <p:selectOneMenu id="tipoDoc" value="#{huespedBean.tipoDoc}" requiered = "false" style="width: 220px;">  
	               <f:selectItem itemLabel="Select Tipo Doc" itemValue="" />  
	               <f:selectItems value="#{huespedBean.listarTipoDoc}" />  
        		</p:selectOneMenu>   
        		
        		<h:outputLabel for="pais" value="Pais: " />  		     
        		<p:selectOneMenu id="pais" value="#{huespedBean.auxPais}" requiered = "false" style="width: 220px;">  
	                <f:selectItem itemLabel="Select Pais" itemValue="" />  
	                <f:selectItems value="#{paisBean.listarLista}" />  
            	</p:selectOneMenu> 

        		<h:outputLabel for="tipo" value="Tipo: " />  
			    <p:selectOneMenu id="tipo" value="#{huespedBean.tipo}" requiered = "false" style="width: 220px;">  
	               <f:selectItem itemLabel="Select Tipo" itemValue="" />  
	               <f:selectItems value="#{huespedBean.listarTipo}" />  
        		</p:selectOneMenu>   
        		
        		<h:outputLabel for="trato" value="Trato: " />  
			    <p:selectOneMenu id="trato" value="#{huespedBean.trato}" requiered = "false" style="width: 220px;">  
	               <f:selectItem itemLabel="Select Trato" itemValue="" />  
	               <f:selectItems value="#{huespedBean.listarTrato}" />  
        		</p:selectOneMenu>   
        		
        		
        		<h:outputLabel for="nombres" value="Nombres: " />  								
				<p:inputText id="nombres" value= "#{huespedBean.nombres}" requiered = "false" style="width: 220px;">  
				 	<f:validateLength minimum="0" />  					
				</p:inputText>
				
			    <h:outputLabel for="apellidos" value="Apellidos: " />  								
				<p:inputText id="apellidos" value= "#{huespedBean.apellidos}" requiered = "false" style="width: 220px;">  
        		 	<f:validateLength minimum="0" />  					
				</p:inputText>
        		
        		<h:outputLabel for="correo" value="Correo: " />  								
				<p:inputText id="correo" value= "#{huespedBean.correo}" requiered = "false" style="width: 220px;">  
				 	<f:validateLength minimum="0" />  					
				</p:inputText>
				
				<h:outputLabel for="direccion" value="Dirección: " />  								
				<p:inputText id="direccion" value= "#{huespedBean.direccion}" requiered = "false" style="width: 220px;">
			     	<f:validateLength minimum="0" />  					
				</p:inputText>	
			    	
			    <h:outputLabel for="telefono" value="Telefono: " />  								
				<p:inputText id="telefono" value= "#{huespedBean.telefono}" requiered = "false" style="width: 220px;">  
			     	<f:validateLength minimum="0" />  					
				</p:inputText>		    
			  
			    <f:facet name="footer">  
			       	<p:commandButton id = "btnSave" value = "Save" actionListener = "#{huespedBean.Save}" ajax="false" style = "border-radius : 10px;"/>
			    	<p:commandButton id = "btnUpdate" value = "Update" actionListener = "#{huespedBean.Update}" ajax="false" style = "border-radius:10px;"/>
			    	<p:commandButton id = "btnFind" value = "Find" actionListener = "#{huespedBean.Find}" ajax="false" style = "border-radius:10px;"/>
			    	<p:commandButton id = "btnDelete" value = "Delete" actionListener = "#{huespedBean.Delete}" ajax="false" style = "border-radius:10px;"/>
			    	
			    </f:facet>  
			</p:panelGrid>  
			
			</center>
	            
	                
	        </h:form>  
	    </p:layoutUnit>  
  
	</p:layout> 
	</h:form>
	
	<p:dock>  
	    <p:menuitem value="Home" icon="/imagenes/dock/a.png" url="listarUsuario.xhtml"/>  
	    <p:menuitem value="Music" icon="/imagenes/dock/b.png" url="#"/>  
	    <p:menuitem value="Video" icon="/imagenes/dock/c.png" url="#"/>  
	    <p:menuitem value="Email" icon="/imagenes/dock/d.png" url="#"/>  
	    <p:menuitem value="Portfolio" icon="/imagenes/dock/e.png" url="#"/>  
	    <p:menuitem value="Link" icon="/imagenes/dock/f.png" url="#"/>    
	</p:dock>  	 

<h:body>

</h:body>
</html>